<%-- 
    Document   : indexContent
    Created on : Feb 23, 2015, 9:55:10 AM
    Author     : ninkuhack
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page import="model.entity.Post"%>
<%@page import="java.util.List"%>
<div class="rw-container rw-section right-sidebar">
    <div class="rw-inner clearfix">
        <jsp:include page="sidebar.jsp"></jsp:include>
            <!-- Main content -->
            <div class="rw-column rw-content">

                <div class="rw-row subtle large home-recipe-of-the-day">
                    <div class="grid-container">
                        <div class="grid desk-6">
                            <div class="entry-photo">
                                <div class="badge">&nbsp;</div>
                                <img src="assets/placeholder/food/560x380/21.jpg" alt="" />
                            </div>
                        </div>
                        <div class="grid desk-6">
                            <h5><a href="#">Meatballs with tomato sauce</a></h5>
                            <p>Pellentesque non nibh eros. Nunc lectus lacus, interdum et consequat et, varius sit amet ipsum. Fusce convallis, lorem sit amet bibendum accumsan, mark example consectetursup...</p>

                            <div class="clearfix">
                                <div class="grid-container">
                                    <div class="grid desk-5">
                                        <div class="meta favorites"> 
                                            <span class="icon"><i class="the-icon fa fa-heart-o"></i></span>
                                            <span class="number">89 favorites</span>
                                        </div>
                                        <div class="meta likes"> 
                                            <span class="icon"><i class="the-icon fa fa-thumbs-o-up"></i></span>
                                            <span class="number">225 likes</span>
                                        </div>
                                        <div class="meta comments"> 
                                            <span class="icon"><i class="the-icon fa fa-comments"></i></span>
                                            <span class="number">26 comments</span>
                                        </div>
                                    </div>
                                    <div class="entry-info-author grid desk-7" style="margin-top:0px;">
                                        <img src="assets/placeholder/people/80x80/21.jpg" alt="" />
                                        <div class="submited-by">Author:</div>
                                        <div class="author-name"><a href="#">Sandra Williams</a> <span class="mark green" title="Pro member!">Pro</span></div>
                                        <div class="total-recipes">136 recipes</div>
                                    </div>
                                </div>
                            </div>



                        </div>
                    </div>
                </div>

                <div class="rw-row subtle large">

                    <div class="grid-container carousel-container">

                        <div class="grid desk-6 mob-6">
                            <h4 class="carousel-posts-heading">Posts</h4>
                        </div>
                        <div class="grid desk-6 mob-6">
                            <div class="carousel-posts-nav clearfix">
                                <div class="carousel-posts-nav-next"><i class="fa fa-chevron-right"></i></div>
                                <div class="carousel-posts-nav-prev"><i class="fa fa-chevron-left"></i></div>
                            </div>
                        </div>
                        <div class="clear"></div>

                        <div class="home-carousel-posts clearfix">
                            <!-- Entry -->
                        <c:forEach items="${requestScope.list}" var="post">
                            <div class="entry style-columns">
                                <div class="entry-photo">

                                </div>
                                <div class="entry-title">
                                    <a href="#">${post.title}</a>
                                </div>
                                <div class="entry-meta">
                                    <span class="date">${post.created_date}</span>
                                </div>
                                <div class="entry-content">
                                    <p>${post.content}</p>
                                </div>
                                <div class="entry-controls">
                                    <a href="#" class="control entry-to-favorites" title="Add to favorites"> <i class="fa fa-heart-o"></i> </a><span class="control-tip">24</span>
                                    <a href="#" class="control entry-like" title="I like this!"> <i class="fa fa-thumbs-o-up"></i> </a> <span class="control-tip">115</span>
                                </div>
                            </div> 
                            <!-- .entry -->
                        </c:forEach>
                    </div> <!-- .home-carousel-posts -->

                </div>

            </div> <!-- .rw-row -->

            <div class="rw-row subtle large">

                <div class="grid-container carousel-container">

                    <div class="grid desk-6 mob-6">
                        <h4 class="carousel-posts-heading">Featured recipes</h4>
                    </div>
                    <div class="grid desk-6 mob-6">
                        <div class="carousel-posts-nav clearfix">
                            <div class="carousel-posts-nav-next"><i class="fa fa-chevron-right"></i></div>
                            <div class="carousel-posts-nav-prev"><i class="fa fa-chevron-left"></i></div>
                        </div>
                    </div>
                    <div class="clear"></div>

                    <div class="home-carousel-posts clearfix">
                        <!-- Entry -->
                        <div class="entry style-columns">
                            <div class="entry-photo">
                                <img src="assets/placeholder/food/350x240/12.jpg" alt="" />
                            </div>
                            <div class="entry-title">
                                <a href="#">African Chicken Peanut Stew</a>
                            </div>
                            <div class="entry-meta">
                                <span class="date">21 Aug 2014</span>
                            </div>
                            <div class="entry-content">
                                <p>Lorem ipsum dolor sit amet, con sectetur adipisicing elit, sed do eiusmod
                                    tempor incididunt...</p>
                            </div>
                            <div class="entry-controls">
                                <a href="#" class="control entry-to-favorites" title="Add to favorites"> <i class="fa fa-heart-o"></i> </a><span class="control-tip">24</span>
                                <a href="#" class="control entry-like" title="I like this!"> <i class="fa fa-thumbs-o-up"></i> </a> <span class="control-tip">115</span>
                            </div>
                        </div> 
                        <!-- .entry -->
                    </div> <!-- .home-carousel-posts -->

                </div>

            </div> <!-- .rw-row -->

            <div class="rw-row subtle large border-tb">

                <div class="grid-container carousel-container">

                    <div class="grid desk-6 mob-6">
                        <h4 class="carousel-posts-heading">Latest recipes</h4>
                    </div>
                    <div class="grid desk-6 mob-6">
                        <div class="carousel-posts-nav clearfix">
                            <div class="carousel-posts-nav-next"><i class="fa fa-chevron-right"></i></div>
                            <div class="carousel-posts-nav-prev"><i class="fa fa-chevron-left"></i></div>
                        </div>
                    </div>
                    <div class="clear"></div>

                    <div class="home-carousel-posts clearfix">
                        <!-- Entry -->
                        <div class="entry style-columns">
                            <div class="entry-photo">
                                <img src="assets/placeholder/food/350x240/18.jpg" alt="" />
                            </div>
                            <div class="entry-title">
                                <a href="#">African Chicken Peanut Stew</a>
                            </div>
                            <div class="entry-meta">
                                <span class="date">21 Aug 2014</span>
                            </div>
                            <div class="entry-content">
                                <p>Lorem ipsum dolor sit amet, con sectetur adipisicing elit, sed do eiusmod
                                    tempor incididunt...</p>
                            </div>
                            <div class="entry-controls">
                                <a href="#" class="control entry-to-favorites" title="Add to favorites"> <i class="fa fa-heart-o"></i> </a><span class="control-tip">24</span>
                                <a href="#" class="control entry-like" title="I like this!"> <i class="fa fa-thumbs-o-up"></i> </a> <span class="control-tip">115</span>
                            </div>
                        </div> 
                        <!-- .entry -->
                    </div> <!-- .home-carousel-posts -->

                </div>

            </div> <!-- .rw-row -->



            <div class="rw-row subtle">

                <div class="grid-container">

                    <div class="grid desk-12">
                        <h4>Top authors</h4>
                        <div class="home-authors clearfix">
                            <a href="#" class="author" title="Mark Smith"><img src="assets/placeholder/people/80x80/1.jpg" alt="" /></a>
                            <a href="#" class="author" title="Mary Hernandez"><img src="assets/placeholder/people/80x80/2.jpg" alt="" /></a>
                            <a href="#" class="author" title="Tony Anderson"><img src="assets/placeholder/people/80x80/3.jpg" alt="" /></a>
                            <a href="#" class="author" title="Elizabeth Brown"><img src="assets/placeholder/people/80x80/4.jpg" alt="" /></a>
                            <a href="#" class="author" title="John Johnson"><img src="assets/placeholder/people/80x80/5.jpg" alt="" /></a>
                            <a href="#" class="author" title="Mary Martin"><img src="assets/placeholder/people/80x80/6.jpg" alt="" /></a>
                            <a href="#" class="author" title="Elizabeth Hill"><img src="assets/placeholder/people/80x80/7.jpg" alt="" /></a>
                            <a href="#" class="author" title="Anthony Phillips"><img src="assets/placeholder/people/80x80/8.jpg" alt="" /></a>
   
                        </div>
                    </div>
                    <div class="clear"></div>

                </div>

            </div> <!-- .rw-row -->

        </div>

    </div> <!-- .rw-inner -->
</div>
